.g_site_readnovel .header .top-head .logo {
  background: url(../image/logo.f92fe.png) no-repeat;
  background-size: contain
}
.g_site_xs8 .header .top-head .logo {
  background: url(../image/logo.f81d7.png) no-repeat;
  background-size: contain
}
.g_site_xs .header .top-head .logo {
  background: url(../image/logo.184d3.png) no-repeat;
  background-size: contain
}
.g_site_rongshuxia .header .top-head .logo {
  height: 50px;
  background: url(../image/logo.ab0cc.png) no-repeat;
  background-size: contain
}
.g_site_chuangshi .header .top-head .logo {
  height: 66px;
  margin-top: 10px;
  background: url(../image/logo_chuangshi.ea778.png) no-repeat;
  background-size: contain
}
.g_site_yunqi .header .top-head .logo {
  background: url(../image/logo_yunqi.6a657.png) no-repeat;
  background-size: contain
}
.g_site_chuangshi .header .top-nav-wrap,
.g_site_yunqi .header .top-nav-wrap {
  display: none
}
.g_site_hongxiu .header .top-head .logo {
  height: 50px;
  background: url(../image/logo.40a48.png) no-repeat;
  background-size: contain
}
.g_site_hongxiu .top-nav-wrap .box-center {
  background: url(../image/fill_2x.7b3b1.png) 98% 0 no-repeat;
  background-size: 355px
}
.header {
  margin-bottom: 20px;
  background: #fefefe;
  box-shadow: 0 1px 4px rgba(0,0,0,.1)
}
.header .top-head {
  height: 85px;
  border-bottom: 1px solid #e6e6e6
}
.header .top-head .iconfont {
  color: var(--color-primary)
}
.header .top-head .logo,
.header .top-head .search-wrap {
  float: left
}
.header .top-head .logo {
  width: 182px;
  height: 40px;
  margin-top: 20px;
  margin-right: 210px
}
.header .top-head .logo a {
  position: relative;
  z-index: 1;
  display: block;
  width: 218px;
  height: 100%
}
.header .top-head .logo a em {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 0;
  width: 22px;
  height: 19px;
  background: url(../image/home.219c2.png) no-repeat
}
.header .top-head .search-wrap {
  width: 320px;
  height: 40px;
  margin-top: 20px
}
.header .top-head .search-wrap form {
  display: block
}
.header .top-head .search-wrap form input {
  float: left
}
.header .top-head .search-wrap form input.search-box {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  width: 244px;
  height: 34px;
  padding: 0 10px 0 18px;
  border: 2px solid var(--color-primary);
  border-right: none;
  border-radius: 100px 0 0 100px;
  background: 0 0
}
.header .top-head .search-wrap form label {
  float: left;
  width: 44px;
  height: 34px;
  border: 2px solid var(--color-primary);
  border-left: none;
  border-radius: 0 100px 100px 0
}
.header .top-head .search-wrap form label .iconfont {
  font-size: 18px;
  line-height: 34px;
  display: block;
  width: 18px;
  margin: 0 auto;
  color: var(--color-primary);
  -webkit-text-stroke-width: .4px
}
.header .top-head .user-wrap {
  position: relative;
  z-index: 20;
  float: right
}
.header .top-head .user-wrap .avatar {
  display: block;
  float: right;
  width: 36px;
  height: 85px;
  margin-left: 25px;
  border-radius: 100%
}
.header .top-head .user-wrap .avatar .link {
  margin-top: 23px
}
.header .top-head .user-wrap .avatar .link,
.header .top-head .user-wrap .avatar img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%
}
.header .top-head .user-wrap li,
.header .top-head .user-wrap ul {
  float: right
}
.header .top-head .user-wrap li {
  font: 14px/85px PingFangSC-Regular,'-apple-system',Simsun;
  height: 85px;
  margin-left: 25px
}
.header .top-head .user-wrap li a {
  display: block
}
.header .top-head .user-wrap li .iconfont {
  font-size: 22px;
  float: left;
  width: 24px;
  margin-right: 6px;
  color: var(--color-primary)
}
.header .top-head .user-wrap li .head-msg {
  position: relative;
  z-index: 1
}
.header .top-head .user-wrap li .head-msg .iconfont {
  font-size: 26px;
  margin-top: -1px
}
.header .top-head .user-wrap li .head-msg cite {
  position: absolute;
  z-index: 1;
  top: 26px;
  right: 0;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: var(--color-primary)
}
.header .top-head .user-wrap .down-drop {
  position: absolute;
  z-index: 1;
  top: 64px;
  right: 0;
  display: none;
  width: 100px;
  animation: .15s ease-out;
  animation-name: fadeinT;
  background: var(--sheet-background-bw-white);
  box-shadow: 0 2px 6px rgba(0,0,0,.1)
}
.header .top-head .user-wrap .down-drop dd {
  text-align: center
}
.header .top-head .user-wrap .down-drop dd a {
  font: 14px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 30px
}
.header .top-head .user-wrap .down-drop dd a:hover {
  color: var(--sheet-background-bw-white);
  background: var(--color-primary)
}
.header .top-nav-wrap {
  position: relative;
  z-index: 11;
  background: var(--color-header-menu-bg)
}
.header .top-nav-wrap .left-nav li {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 15px;
  line-height: 50px;
  position: relative;
  z-index: 1;
  float: left;
  height: 47px;
  margin-left: 28px;
  cursor: pointer;
  transition: border .3s;
  border-bottom: 3px solid transparent
}
.header .top-nav-wrap .left-nav li a {
  display: block;
  color: var(--color-header-menu-text)
}
.header .top-nav-wrap .left-nav li.act,
.header .top-nav-wrap .left-nav li:hover {
  height: 47px;
  border-bottom: 3px solid var(--color-header-menu-hover-line)
}
.header .top-nav-wrap .left-nav li.act a {
  font-weight: 700
}
.header .top-nav-wrap .left-nav li:first-child {
  margin-left: 0
}
.header .top-nav-wrap .left-nav li .iconfont {
  font-size: 18px;
  display: inline-block;
  min-width: 18px;
  margin: -6px 8px 0 0;
  vertical-align: middle;
  color: var(--color-header-menu-icon)
}
.header .top-nav-wrap .left-nav li .type-list {
  position: absolute;
  z-index: 1;
  top: 54px;
  left: 0;
  display: none;
  width: 120px;
  padding: 10px 0;
  animation: fadeinT .15s ease-out;
  border-radius: 2px;
  background: #1a1a1a
}
.header .top-nav-wrap .left-nav li .type-list cite {
  position: absolute;
  bottom: 100%;
  left: 40%;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: 0 none;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--color-primary-ligher);
  border-left: 6px solid transparent
}
.header .top-nav-wrap .left-nav li .type-list dd {
  text-align: center
}
.header .top-nav-wrap .left-nav li .type-list dd .iconfont {
  transition: color .3s;
  color: grey
}
.header .top-nav-wrap .left-nav li .type-list dd a {
  line-height: 36px;
  display: block;
  color: grey
}
.header .top-nav-wrap .left-nav li .type-list dd a:hover {
  color: var(--sheet-background-bw-white);
  background: var(--color-primary)
}
.header .top-nav-wrap .left-nav li .type-list dd a:hover .iconfont {
  color: var(--sheet-background-bw-white)
}
.header .top-nav-wrap .left-nav li .type-list dd a i {
  display: inline-block;
  width: 62px;
  text-align: left
}
.header .top-nav-wrap .right-nav {
  line-height: 50px;
  height: 50px
}
.header .top-nav-wrap .right-nav .iconfont {
  display: inline-block;
  min-width: 22px;
  margin: -4px 5px 0 0;
  transition: margin .3s;
  vertical-align: middle;
  color: var(--color-header-menu-icon)
}
.header .top-nav-wrap .right-nav a {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  font-size: 15px;
  display: inline-block;
  height: 47px;
  margin-top: -3px;
  margin-left: 24px;
  vertical-align: middle;
  color: var(--color-header-menu-text);
  border-bottom: 3px solid transparent
}
.header .top-nav-wrap .right-nav a:first-child {
  margin-left: 0
}
.header .top-nav-wrap .right-nav a.act,
.header .top-nav-wrap .right-nav a:hover {
  height: 47px;
  border-bottom: 3px solid var(--color-header-menu-hover-line)
}